<template>
  <div>
    <Child no="1"></Child>
    <Child no="2"></Child>
    <Child no="100"></Child>
    <Child no="1000"></Child>
  </div>
</template>

<script>
// import { Component } from 'vue'

// 组件的定义: web components
// 1、对象字面量
// const MyButton = {
//   template: `
//     <button>+</button>
//   `
// }

// 2、全局定义组件的方法
// Vue.component('MyButton2', {
//   template: `
//     <button>-</button>
//   `
// })

// 3、单文件组件
// .vue文件

import Child from './Child'

export default {
  components: {
    // MyButton
    Child
  }
}
</script>

<style lang='stylus' scoped>

</style>